import { ReactElement } from 'react'
import { InfoCircleOutlined } from '@ant-design/icons'
import style from '../index.module.less'

interface Props {
  value: string
}

function Main ({ value }: Props) {
  if (!value.length) {
    return <div />
  }
  return (
    <div className={style['input-notice']}>
      <InfoCircleOutlined />
      <span className={style['input-notice-text']}>{value}</span>
    </div>
  )
}

export default Main
